<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link href="css/layui.css" rel="stylesheet" type="text/css">
		<script src="../js/layui/layui.js"></script>
	</head>

	<body>
		<div class="layui-form">
			<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
			<div class="layui-form-item">
				<label class="layui-form-label label1">校区</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="interest" lay-filter="aihao">
						<option value="0">写作</option>
						<option value="1">阅读</option>
					</select>
				</div>
				<label class="layui-form-label label1">学科</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="interest" lay-filter="aihao">
						<option value="0">写作</option>
						<option value="1">阅读</option>
					</select>
				</div>
				<label class="layui-form-label label2">班级类型</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="interest" lay-filter="aihao">
						<option value="0">写作</option>
						<option value="1">阅读</option>
					</select>
				</div>
				<label class="layui-form-label label2">班级名称</label>
				<div class="layui-input-inline" style="width: 100px;">
					<input type="text" name="" placeholder="请输入" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label label2">考试日期</label>
				<div class="layui-input-inline" style="width: 100px;">
					<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
				</div>
				<label class="layui-form-label label1">至</label>
				<div class="layui-input-inline" style="width: 100px;">
					<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-mm-dd" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
				</div>
				<label class="layui-form-label label1">状态</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="interest" lay-filter="aihao">
						<option value="0">写作</option>
						<option value="1">阅读</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label label2">阶段名称</label>
				<div class="layui-input-inline" style="width: 100px;">
					<input type="text" name="title" required lay-verify="required" autocomplete="off" class="layui-input">
				</div>
				<label class="layui-form-label label2">筛选条件</label>
				<div class="layui-input-inline" style="width: 100px;">
					<select name="interest" lay-filter="aihao">
						<option value="0">写作</option>
						<option value="1">阅读</option>
					</select>
				</div>
				<button class="layui-btn layui-btn-danger">清空</button>
				<button class="layui-btn">确定</button>
			</div>
		</div>

		</div>

		<script>
			layui.use(['form', 'laydate'], function() {
				var form = layui.form;
				var laydate = layui.laydate;
			});
		</script>
	</body>

</html>